import React from "react";
import styles from "./Index.module.css";
import Mynao from "../../components/Mynao/Index";
import { Button } from "antd-mobile";
import { useNavigate } from "react-router-dom";
function Index() {
  const nav = useNavigate();
  return (
    <div className={styles.jiaz}>
      <div className={styles.nav}>
        <Mynao title="家庭管理" />
      </div>

      <div className={styles.fang}>
        <div className={styles.fang1} onClick={()=>nav('/zhendetail')}>
          <div>
            <div className={styles.name}>
              王*柯<span style={{ marginLeft: "10px" }}>(本人)</span>
            </div>
            <div className={styles.name}>登记号:2015****10</div>
          </div>

          <div>
            <img src="./ewm.png" alt="" />
          </div>
        </div>

        <div className={styles.fang1} onClick={()=>nav('/zhendetail')}>
          <div>
            <div className={styles.name}>
              李*玲<span style={{ marginLeft: "10px" }}>(朋友)</span>
            </div>
            <div className={styles.name}>登记号:2015****10</div>
          </div>

          <div>
            <img src="./ewm.png" alt="" />
          </div>
        </div>
      </div>

      <div className={styles.btn}>
        <Button block color="primary" size="large" onClick={()=>nav('/addjia')}>
          添加
        </Button>
      </div>
    </div>
  );
}

export default Index;
